<!DOCTYPE html >
<html >
<head>
    <title> Hello MiniUI!</title>
    <meta charset="UTF-8"/>
    <script src="../../../../../../miniUI/scripts/boot.js" type="text/javascript"></script>
    <script src="../../../../../../miniUI/scripts/fullcalendar.min.js" type="text/javascript"></script>
    <link href="../../../../../../miniUI/scripts/miniui/themes/default/large-mode.css" rel="stylesheet" type="text/css" />
    <!--<link href="../../../../../../miniUI/scripts/miniui/themes/bootstrap/skin.css" rel="stylesheet" type="text/css" />-->
    <!--<link href="../../../../../../miniUI/scripts/miniui/res/glyphicons-imgs/glyphicons-imgs.min.css" rel="stylesheet" type="text/css" />-->

    <!--    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>-->

    <style>

        *{margin:0;padding:0;list-style-type:none;}

        a,img{border:0;}

        body{
            font:12px/180% Arial, Helvetica, sans-serif, "新宋体";
        }

        .container{
            width:100%;
            height:100%;
            margin:0 auto;
        }
        ul{
            width: 70%
        }
        .inputtext{
            border-radius:10px;
            width: 80%;
            height: 30px;
            border: 1px solid red;
            outline:'none';
            outline-style: none ;
            outline-width: 0px ;
            border: none ;
            border-style: none ;
            text-shadow: none ;
            -webkit-appearance: none ;
            -webkit-user-select: text ;
            outline-color: transparent ;
            box-shadow: none;
        }
        .boxpo{
            width: 90%;
            height: 100%;
            margin: auto;
        }


        .buttonn{
            background:#F0F0F0 repeat-x;
            padding-top:3px;
            border-top:1px solid #708090;
            border-right:1px solid #708090;
            border-bottom:1px solid #708090;
            border-left:1px solid #708090;
            width:80px;
            height:auto;
            font-size:10pt;
            cursor:hand;
        }
        .chaxun{
            width: 30%;
            height: 70%;

            position: fixed;
            z-index: 100;
            top:5%;
            right: 0;
        }
        .kong{
            width: 100%;
            height: 100%;
        }
        /* body{
               margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;
           } */
    </style>

    <!--必要样式-->
    <link rel="stylesheet" href="../../../../../../miniUI/scripts/css/fullcalendar.css">
    <link rel="stylesheet" href="../../../../../../miniUI/scripts/css/fullcalendar.print.css"  media='print'>


</head>

<body>

<table style="width: 100%;">
    <tr>

        <td style="width:8%;">
            <button class="mini-button" onclick="addd"  >新建日程</button>
        </td>
        <td style="width:8%;">
            <button class="mini-button"   >导入</button>
        </td>
        <td>

        </td>
        <td style="width:8%;">
            <button id="RCSX" onclick="RCSX()" style="display: none" class="mini-button mini-button-info">日程筛选</button>
        </td>
        <td style="width:7%;">
            <button id="DCE" onclick="DCE()" style="display: none" class="mini-button mini-button-primary"> 导出Excel</button>
        </td>
        <td style="width:7%;">
            <button id="DCX" onclick="DCX()" style="display: none" class="mini-button mini-button-primary"> 导出Xml</button>
        </td>
        <td style="width: 20%">
            <input id="SSK" value="搜索" onbuttonclick="fuzzyquery()" style="display: none;width: 100%" class="mini-buttonedit">
        </td>
        <td style="width:5%;">
            <button id="CX" class="mini-button" style="float: right" onclick="chaxun()">查询</button>
        </td>
        <td style="width:5%;">
            <a class="mini-button"  iconCls="icon-node" onclick="cutover"> 切换</a>
        </td>
    </tr>
</table>

<div class="mini-splitter" style="width:100%;height:1000px;">
    <div width="40%" height="100%" size="240" showCollapseButton="true">
        <div class="mini-fit">
            <div>
                <button class="mini-button">增加</button>
                <button class="mini-button" onclick="onEditNode()">编辑</button>
                <button class="mini-button">删除</button>
            </div>
            <ul id="tree1" class="mini-tree"  style="width:100%;"
                showTreeIcon="true" textField="text" idField="pid" parentField="id" resultAsTree="false"
            >

            </ul>

        </div>
    </div>

    <div class="mini-fit" >

        <div id="boxpo" class="boxpo" >
            <div class="box-head">
                <h3>Calendar</h3>
            </div>
            <div class="box-content box-nomargin">
                <div class="calendar" ></div>

            </div>
        </div>
        <div id="grid1" class="mini-datagrid" style="width:100%;height:80%;"
             borderStyle="border:0;"
             multiSelect="true"
             allowCellSelect="true"
             showPager="true"
             showPageSize="false"
             pageIndex="0"

             pageSize="2">
            >

            <div property="columns">
                <div type="checkcolumn"></div>
                <div field="dept_id" width="120" headerAlign="center" allowSort="true">日程内容</div>
                <div field="name" width="120" headerAlign="center" allowSort="true">开始时间  </div>
                <div field="gender" width="100" allowSort="true" renderer="onGenderRenderer" headerAlign="center">结束时间 </div>
                <div field="age" width="100" allowSort="true">事务类型  </div>
                <div field="Country" width="100" allowSort="true" >优先级  </div>
                <div field="Country" width="100" allowSort="true" >所属者  </div>
                <div name="action" width="100" allowSort="true" >操作  </div>

            </div>
        </div>
        <div>

                <div style="display: none" id="chaxun" class="chaxun">

                    <div class="mini-panel mini-panel-success" title="展开查询条件" width="auto"
                         showCollapseButton="true"
                    >
                        <form id="form2">
                        <table>
                            <tr>
                                <td colspan="2"><h4 style="text-align: center">关键字</h4></td>
                                <td colspan="8">
                                    <input width="90%" name="column1" class="mini-textbox">
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2"><h4 style="text-align: center">日期</h4></td>
                                <td colspan="3">
                                    <input width="90%" name="column2" class="mini-datepicker">
                                </td>
                                <td colspan="1">至</td>
                                <td colspan="3">
                                    <input width="90%" name="column3" class="mini-datepicker">
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2"><h4 style="text-align: center">优先级</h4></td>
                                <td colspan="2">
                                    <input width="90%" name="column8" text="重要" class="mini-checkbox">
                                </td>
                                <!--<td colspan="1">紧急</td>-->
                                <td colspan="2">
                                    <input width="90%" name="column9"  text="紧急" class="mini-checkbox">
                                </td>
                                <!--<td colspan="1">重要</td>-->
                            </tr>
                            <tr>
                                <td colspan="2"><h4 style="text-align: center">事务类型</h4></td>
                                <td colspan="8">
                                    <input width="90%" name="column4" class="mini-combobox">
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2"><h4 style="text-align: center">共享范围</h4></td>
                                <td colspan="8">
                                    <input width="90%" name="column5" class="mini-textarea">
                                </td>
                            </tr>
                            <tr>
                                <td colspan="4"></td>
                                <td colspan="2">
                                    <button width="100%" onclick="finds()" class="mini-button" style="text-align: center">搜索 </button>
                                </td>
                                <td colspan="4">

                                </td>
                            </tr>
                            <tr>
                                <td style="width: 10%"></td>
                                <td style="width: 10%"></td>
                                <td style="width: 10%"></td>
                                <td style="width: 10%"></td>
                                <td style="width: 10%"></td>
                                <td style="width: 10%"></td>
                                <td style="width: 10%"></td>
                                <td style="width: 10%"></td>
                                <td style="width: 10%"></td>
                                <td style="width: 10%"></td>
                            </tr>
                        </table>
                        </form>

                    </div>
                    <div class="kong">


                    </div>

        </div>

    </div>

</div>




<script type="text/javascript" src="../../../../../../miniUI/scripts/jquery-1.7.2.min.js"></script>
<script src="../../../../../../miniUI/scripts/fullcalendar.min.js" type="text/javascript"></script>


</body>
</html>

<script type="text/javascript" src="../schedule/js/schedulesearch.js"></script>
